@use 'sass:map';
// {bem_b,bem_e,bem_m,VueAndNvueStyleAttr,when}
@use './mixin/mixins.scss' as *;
@use './mixin/function.scss' as *;
// // {$badge}
@use './common/var.scss' as *;

@import 'common/index.scss';

@include bem_b(skeleton-swiper) {
	@include VueAndNvueStyleAttr('border-radius','skeleton', 'swiper-round');
	overflow:hidden;
	@include bem_e(item){
		position: relative;
		@include VueAndNvueStyleAttr('height','skeleton', 'swiper-height');
	}
	@include bem_e(dot) {
		@include flex;
		justify-content: center;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20px;
		&__item {
			width: 8px;
			height: 8px;
			border-radius: 50%;
			@include VueAndNvueStyleAttr('background-color','skeleton', 'swiper-dot-bg-color');
			margin-right: 6px;
			&:last-child {
				margin-right: 8px;
			}
		}
	}
}
